main {
    width: 800px;
    margin: 30px auto;
    padding: 20px;
    background-color: rgb(219, 218, 218);
    
    h3 {
        text-align: center;
    }
    .line {
        margin: 0px auto;
        margin-top: 10px;
        display: flex;
        width: 500px;
        justify-content: space-between;
        position: relative;
        &:nth-child(4){
            .box{
                .position:nth-child(4) {
                    top: 35px;
                    
                }
                .position:nth-child(6) {
                    top: 65px;
                    
                }
                .position:nth-child(8) {
                    top: 95px;
                    
                }
            }
            
        }
        select {
            width: 400px;
            height: 30px;
        }
        .box {
            width: 400px;
            display: flex;
            flex-direction: column;
        }
        input {
            width: 400px;
            height: 30px;
        }
    }
    button {
        width: 400px;
        height: 30px;
        border: 0px;
        margin-left: 225px;
        margin-top: 15px;
    }
}

input[type="number"] {
    -moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
